<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
<title>Insert title here</title>
<style>
* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #f5f5f5;
}

a {
	margin: 5px;
}

a:link {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

a:visited {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

.No7 {
	width: 100%;
	height: 300px;
	background: #070e23;
	position: relative;
	top: 0px;
}

.No7-1 {
	width: 1140px;
	height: 188.8px;
	margin: 0px auto;
	position: relative;
	top: 30px;
	background: #070e23;
}

.map {
	width: 684px;
	height: 188.8px;
	background: #070e23;
	position: relative;
	top: 30px;
}

.map dl {
	font-size: 16px;
	float: left;
	text-align: center;
}

.No7-1-1 {
	width: 171px;
	height: 108.8px;
	background: #070e23;
}

.map dt {
	margin-bottom: 16px;
	color: white;
	font-size: 18px;
}

.map dd, .map a {
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	color: gray;
}

.map dd:hover {
	font-weight: 500;
	color: white;
}

.map a:hover {
	font-weight: 500;
	color: white;
}

.No7-1-2 {
	width: 171px;
	height: 108.8px;
	background: #070e23;
}

.No7-1-3 {
	width: 171px;
	height: 108.8px;
	background: #070e23;
}

.No7-1-4 {
	width: 171px;
	height: 108.8px;
	background: #070e23;
}

.bottom {
	width: 1140px;
	height: 66px;
	position: relative;
	top: 30px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 2.4;
	background: #070e23;
}

.bottom-2 {
	width: 1120px;
	height: 28.8px;
	text-align: left;
	background: #070e23;
}

.bottom-2 span {
	margin: 0px 25px;
	color: gray;
}

.bottom-2 span:hover {
	cursor: pointer;
	color: #fff;
}

.left-logo {
	width: 314px;
	height: 108px;
	position: relative;
	left: 733px;
	background: white;
}

.logo-img {
	width: 66px;
	height: 66px;
	position: relative;
	top: -1px;
}

.logo-text {
	position: relative;
	top: -1px;
}
</style>
</head>
<body>
	<div class="No7">
		<div class="No7-1">
			<div class="map">
				<dl class="No7-1-1">
					<dt>我是学生</dt>
					<dd>
						<a href="sRegister">用户注册</a>
					</dd>
					<dd>
						<a href="sLogin">用户登录</a>
					</dd>
				</dl>
				<dl class="No7-1-2">
					<dt>我是老师</dt>
					<dd>
						<a href="sRegister-teacher">申请加入</a>
					</dd>
					<dd onclick="window.location.href='sLogin-teacher'">使用题库</dd>
				</dl>
				<dl class="No7-1-3">
					<dt>在线学习</dt>
					<dd onclick="window.location.href='sVideo'">全部课程</dd>
					<dd onclick="window.location.href='sArticle'">热门文章</dd>
				</dl>
				<dl class="No7-1-4">
					<dt>关于我们</dt>
					<dd onclick="window.location.href='sAbout'">关于我们</dd>
				</dl>
				<div class="left-logo">
					<img src="/img/logo.png" class="logo-img" style="top: -85px;">
					<img src="/img/logo-text.png" class="logo-text"
						style="top: -142px; left: 67px;">
				</div>
			</div>
		</div>
		<div class="bottom">
			<div class="bottom-2">
				<span>法律声明</span> <span>廉正举报</span> <span>菜花麻麻版权所有 2007-现在</span> <span>ICP证：你2B-20191010</span>
				<span onclick="window.location.href='sMain'">喵喵少儿编程教学平台</span>
			</div>
		</div>
	</div>

</body>
</html>